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void main = runApp(MyApp() 


In order to run your application, type: 
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$ flutter run 
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Your application code is in .\lib\main.dart. 
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Lalu di main dart nya 

Buat stl 

Home nya main page 

Buat di ui mainpage.dart 

Buat stf 
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goverride 
Widget build(Builk 
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$ flutter run 
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Main page import dahulu 

Kalau sudah pertama kita buat dulu models nya 
Buat post.dart 

Buat class post nya dahulu 

Punya field id title body lalu constructor nya 
Lalu buat factory nya 

Berikut nya buat conection api nya 
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factory Post.createPost(Map«Strin ynamic> object) { 
return Post(id: object , title: object i , body: object 
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In order to run your application, type: 


$ cd 
$ flutter run 
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environment: 


sdk: 


dependencies: 
flutter: 
sdk: 
http: 
bloc: 
flutter_bloc: 


cupertino_icons: 


dev_dependencies: 
flutter test: 
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[infinite_list_demo] flutter packages get 
Running "flutter pub get" in infinite list demo... 
exit code @ 
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Pakai ctrl + p 
Kalau sudah kembali ke post 
Import dahulu packagenya 
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import 
import as http; 
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. return Post(id: object , title: object i , body: object 


wj 
- } 
è = 


Flutter 
[infinite_list_demo] flutter packages get 

Running "flutter pub get" in infinite list demo... 

exit code 0 


OUTUNE 
DEPENDENCIES 
> TODOS 


Sekarang buat funngsi apinya 

Dia kembalikan dia pakai future 

Kita butuh start nya 

Dan limit 

Dan api url nya 

Lalu pangil http.get dapat apiresult 

Lalu ambil jsonObject dgn apiresult.body 

Nanti hasilnya berupa list karena yg kita dapat dari list berita 


je Edit Sele © post.dar 


& © postdat © « 
OPEN EDITORS 1 UNSAVED x p 

ya String id, title, body; 
© © pos 


pubspec.yarr Post({this.id, this.title, this.body}); 
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static Future<List<Post>> connectToAPI(int start, int limit) async { 
String apiURL = 
start.toString() + 
+ 
limit.toString(); 


var apiResult = await http.get(apiURL); 
var jsor > = json.decode(apiResult.body) as List; 
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Running "flutter pub get" in infinite list demo... 
exit code 0 
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Berikutnya kita perlu maping dari jsonobject yg merupakan list berita 
List of post 

Dia akan mereturn dari hasil mapping (item) disebut 
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pubspec.yam Post(fthis.id, this.title, this.body]); 
© main pageant 
^ INFINITE UST DEMO : 
@ ides factory Post.createPost(Map<String, dynamic> object) { 
return Post(id: object , title: object , body: object 
} 


static Future<List<Post>> connectToAPI(int start, int limit) async { 
String api = 
start.toString() + 
+ 
limit.toString(); 


var apiResult = await http.get(apiURL); 
var jsonObject - json.decode(apiResult.body) as List; 
jsonObject.map<Post>((item) = Post(id: item(""))) 
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Running "flutter pub get" in infinite list demo... 
exit code 0 


OUTUNE 
DEPENDENCIES 
TODOS 


HW 
Dgn 


ype here to sea m e 
post(id item:["id"] ini dapat dari 


€ C^ — & honplacehoideet r EI 00 5809 
a e n Le " " = " A 


D D Ipa kana io mean | WO (rel mo» u =| o Sa 9m 
Sini ada id title body ini yg kita dapat 
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pubst Post(fthis.id, this.title, this.body}); 
Om 
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D ides factory Post.createPost(Map<String, dynamic> object) { 
return Post(id: object , title: object , body: object 
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static Future<List<Post>> connectToAPI(int start, int limit) async { 
tring apiURL = "I l ( 4 
start.toString() + 


+ 
limit.toString(); 


var apiResult - await http.set(apiURL), 
jsonObject - json.decode(apiResult.body) as List; 
| jsonObject.mapsPost»( (item) = Post(id: item["id"], title: item["tit 
])).toList(); 
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[infinite list demo] flutter packages get 
Running "flutter pub get" in infinite list demo... 
exit code 0 
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TODOS 


sekarang pindah ke bloc 

Kita buat post bloc dart 

Disni kita buat postEvent kita kosongkan {} 

Lalu buat class posState pakai abstract class 

Dan buat lagi turunan dari PostState 

Yg pertama 

Postlnitiallalized ini kita pakai data yg pertma akali 

Dan postLoaded ini ketika kita sudah load datnya 

Didalm postLoaded ini kita simapn List<Post> post; 

Lalu buat buat boolean hasReachedmax ini digunakan untuk apakah kita load 
semua data 

Yg ada di ui kalau gk ada datanya lagi maka ini menjadi true 

Berikutnya buat constructor nya 

Lalu untuk mempermudah pekerjaan kita nanti maka buat buah method 
postLoaded copyWith ({dia minta Lis<Post> post, bool }){ 

yg dia return postLoaded yg baru post itu kita isi post kalau post ini tidak nul 
post ini paramter kalau null maka kembalikan post dari field 

lalu hasreack : has juga sama 


& post blocdart X 


import 
class PostEvent 


em sat abstract class Posts 
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Midea 
class PostUninitialized extends F 
a 
~ class PostLoaded extends PostState 
List<Post> posts; 
bool hasReachedMax; 


PostLoaded({this.posts, this.hasReachedMax}); 
PostLoaded copyWith({List<Post> posts, bool hasReachedMax}) { 
return PostLoac 


posts: posts ? this.posts, 
hasReachedMax: hasReachedMax ?? this.hasReachedMax); 
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[infinite list demo] flutter packages get 
Running "flutter pub get" in infinite list demo... 
exit code 0 
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Ini baru buat postEvent dan PostState 
Sekarang buat 
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< « & post blocdart © 
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ist<Post> posts; 
bool hasReachedMax; 


aded(fthis.posts, this.hasReachedMax}); 


/ INFINITE UST DEMO à - 
appre PostLoaded copyWith({List<Post> posts, bool hasReachedMax}) { 
return PostLoaded( 
- posts: posts ? this.posts, 
- hasReachedMax: hasReachedMax ?? this.hasReachedMax) 


22 class PostBloc extends B 
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[infinite_list_demo] flutter packages get 
Running “flutter pub get" in infinite list demo... 
exit code 0 
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TODOS 


Import 


Lalu masukan itu adalah «postEvent, kemablain adalah postState> 
Initial state berarti PostUnitilezed 

Lalu di stream ganti cek dulu 

Buat List<Post> Post 

If (jika state is PostUnitiled berarti belum pernah load data) { 


Posts= await post.connectToApi(satrt 0 , limit 10) ambil per 10 
Kalau sudah kita yield PostLoaded(Posts- posts, hasReach itu false); 
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& postdart 
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class PostBloc extends Bloc«PostEver PostState 


@doverride 
PostState get initialState = Post 


goverride 
Stream«PostState» mapEventToState(PostEvent event) async* | 
List«Post» posts; 


if (state is PostUninitialized) { 
posts = await Post.connectToAPI(0, 10); 
yield PostLoaded(posts: posts, hasReachedMax: false), 
} 
} 


[infinite_list_demo] flutter packages get 
Running "flutter pub get" in infinite list demo... 
exit code 0 
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Ini perlu diketahui 
Bloc versi 1 
Sekarang pakai state is Post 

Sebelumnya bukan State 

Lalu else 

Kalau bukan postUnitial berati pernah load 

Maka buat dahulu 

postLoaded postloaded = state as Postloaded ini post saat ini 

posts nya itu = ambil nya wait post.connect(mulai dari index terakhir 
postLoaded.posts.length, 

kalau sduah ambil 10 makaa index 0 sampai 9 berarti index berikutnya diambil 10) 
sekarang kembalikan itu adalah yield kita cek dahlu 

jika hasil dari api listkosong maka sudah habis sduah mentok 

maka kembalikan data sebelumnya 

cuman update post.coy(hasreachmax menjadi true) : kalau tidak kosong maka 
kembalikan postloaded yg baru dari postloaded sekarang yg ada + dgn hasil dari 
api nya lalu haslreach nya false 
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dart 


< > mapEventToState( event) async* | 


^ INFINITE LIST DEMO « > posts; 
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if (state is ) 
posts = await .connectToAPI(0, 10); 


yield (posts: posts, hasReachedMax: ); 
else 


postLoaded = state - 
posts - await .connectToAPI(postLoaded.posts.length, 10); 


yield (posts.isEmpty) 
? postLoaded.copyWith(hasReachedMax: ) 
(posts: postLoaded.posts # posts, hasReachedMax: 


) 
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[infinite_list_demo] flutter packages get 
Running “flutter pub get" in infinite list demo... 
exit code 0 


Jadi bloc seperti ini 

Kalau sudah kembali ke main dart 

Di mainPage kibungkun dgn blocProovider 

Import bloc tipenya<PostBloc> 

Builder context => kembalikan postbloc 

Dibloc versi 1.0 sibloc tidak pakai lagi dispanc skerang pakai .add 


Tulis seperti ini supaya otomatis dipangil data pertma kali ketika dibuat 
postBlocini ambil data pertama 


View Debug Terminal Ip 


Q maindart * 
package:flutter/material.dart'; 
package:flutter bloc/flutter bloc.dart'; 
package:infinite list demo/bloc/post bloc.dart'; 
package:infinite list demo/ui/main page.dart'; 


v INFINITE LIST DEMO 


— main() = runApp( 0); 


{ 


build( context) { 
return 
debugShowCheckedModeBanner: 
home: < »( 
builder: (context) => 
— child: 0), 
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[infinite_list_demo] flutter packages get 
Running "flutter pub get" in infinite list demo... 
exit code 0 
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Kita ke main page child nya kita buat 
blocbuilder<postbloc, postState-4 import 
builder : (context, state) { 

disni ada 2 kemungkiinan 

sistate masih initial atau postloaded 

kita if dulu 

jika satet is PostUniled) 

maka return seperti loading kalau belum diload 
sekarang kalau sudah load 

maka else 

biar mudah 

postlaoded postlaoded = state as postlaoded; biar mudah 
lalu return adalah listView builder 

item count nya diambil poslaoded.post.lengt 


Helg 
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class _MainPageState extends State 


override 
Widget build(BuildContext context) 


pubspec yam return Scaffold( 
e appBar: ar(title: Text( 
/ INFINITE UST DEMO 
Me body: í 
s margin 1 sets.all(20), 
- child: BlocBuilder«PostBl« 
> builder: (context, state) { 
if (state is PostUninitialized 
return Center(child: SizedBox(width: 30, height: 30, child: ( 
else 


PostLoaded postLoaded = state as PostLoaded; 
return ListView.builder( 

itemCount: postLoaded.posts.length|, 
) 


h 
), 


[infinite list demo] flutter packages get 
Running "flutter pub get" in infinite list demo... 
exit code 0 
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baru disni itemBuilder itu apa 

<context, index) => untuk saat ini judul nya dahulu 
Text postloaded.post[index].tile 

Coba jalankan 
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apiURL 
start.toString 2 
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t 4 


limit.toString(); 


apiResult - t http. (apiURL); 
jsonObject - json.decode(apiResult.body) 
jsonObject 
.map« »((item) — 
23 id: item , title: iter body: item 


Exception has occurred. 


TypeError pe 'int' not a subtype of type 'String') 


.toList(); 


Built build\app\outputs\ap ebugNapp-debug. apk. 

I/flutter (23503): Overflow on channel: flutter/lifecycle. Messages on 
rded in FIFO fashion. The engine may not be running or you need to adj 
— channel. 


DEPENDENCIES I/hwaps (23503): JNI OnLoad 
1000s > 


P Type here to search m " Di ^ +, 
Disni ada yyg salah kembalian disni adalah integer sedangkan yg perlu strring 


e Œ & jsonplacehoider typicode “ter 89 
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ide s nobi erspiciat was elit e emque sole 
E im q memo aut saepelnquidem repellat excepturi " es es sed qua: 
is quibusdam anini siet suscipit qui sint possimus cuminguserat magni maiores excepturiinipsam ut commodi dol tatue modi aut vitae 
aut nobisinet est a 


Kasih tosrting 


No Configi " post dart 
VARIABLES return (id: object["id"], title: object["title"], body: object["body"] 
decode( source, { ( 


[1217342] 
< < > 


apiURL = “https 
start.toString + Parses the string and returns the resulting Json 
"& limit-" + object 


dart:convert 


limit.toString(); The optional [reviver] function is called once for each 
object or list property that has been parsed during 
apiResult = await decoding. The key argument is either the integer 
jsonObject = json.detode(apiResult. body) p 
return jsonObject 
.map« >((item) => 
(id: item["id"].toString(), title: item["title"], body: item[ 


D 


.toList(); 


v CALL STACK 


BREAKPOINTS 
7 
au 


No Configs " post.dart 


v VARIABLES 


return d: object["id"], title: object["title"], body: o 
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« « >> connectToAPI( start, limit) asy 
apiURL = "https: //jsonplaceholder.typicode.com/posts? sun facere repellat provident occaecati 


^ excéy Ti optio reprehenderit 
start.toString * qui est esse 
"5 limi E ea molestias quasi exercitationem repellat qui ipsa 


limit.toString(); 


nesciunt quas odio 
dolorem eum magni eos aperiam quia 
magnam facilis autem 


apiResult - await http. (apiURL); dol psam 
jsonObject = json.decode(apiResult.body) = D Kalo sapa at 
return jsonObject 
.map« »((item) => 
(id: item["id"].toString(), title: item["title"], 
.toList(); 


stias Id quia eum 


v CALL STACK 


Launching lib\main.dart on RNE L22 in debug mode... 
Built build\app\outputs\apk\debug\app-debug. apk. 
I/flutter (24062): Overflow on channel: flutter/lifecycle. Messages on 


— rded in FIFO fashion. The engine may not be running or you need to adju 


E Al Except channel. 
B Uncaught E 


Maka sudah 


Buat lebih bagus tampilan nya kembali lagi mainPage 
Hapus saja title nya kita ganti 


main page.dart X 
OPEN EDITORS Tel area ) 
return 
child: 
- width: 
EN height: 
ET child: 
)); 


else { 


postLoaded = state 
return .builder( 
itemCount: postLoaded.posts.length, 
itemBuilder: (context, index) — 
| postLoaded.posts[index].title), 


H 
} 


Launching lib\main.dart on RNE L22 in debug mode... 

Built build\app\outputs\apk\debug\app-debug.apk. 

I/flutter (24062): Overflow on channel: flutter/lifecycle. Messages on this channel are being disca 
— rded in FIFO fashion. The engine may not be running or you need to adjust the buffer size if of the 
DEPENDENCIES channel. 
? TODOS 


Dgn Postitem(PostLoaded.Posts[Index]) buat dulu post item dart 
Buat stl Postitem 

Cobakan dahulu kembalikan nya text nya 

Buat field dan constroktor nya 


View debug minal Ip 


Q post itemdart X 


OPEN EDITORS 1 UNSAVED package: flutter/material.dart'; 
. package:infinite list demo/model/post.dart'; 


{ 


post; 


itemdart 
V INFINITE LIST DEMO T e t y 
T post); 


build( context) { 
return (post.title); 


1 DEBUG CON 
Built build\app\outputs\apk\debug\app-debug. apk. 
I/flutter (24062): Overflow on channel: flutter/lifecycle. Messages on this channel are being disca 


rded in FIFO fashion. The engine may not be running or you need to adjust the buffer size if of the 


channel. 
ourune 


DEPENDENCIES Reloaded @ of 677 libraries in 487ms. 


Lalu impor postltem nya 

Text nya kita bungkus row 

Karena nanti ada nomor nya disamping 

Lalu sebelah ada text title nya bawah nya body 


Maka bungkus lagi column 
Pasang title,dia atas columnb pasang id 


D post item dart 
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: sunt aut facere repellat provident occaecati 

quia et suscipit 

INFINITE LIST DEMO 1 suscipit recusandae consequuntur 

. reprehenderit molestiae ut ut quas 

tart nostrum rerum est autem sunt rem 

qui est esse 

: est rerum tempore vitae 

build context 2segui sint nihil reprehenderit dolor beatae ea 

fugiat blanditiis voluptate porro vel nihil mole! 

qui aperiam non debitis possimus qui neque 

children: « ea molestias quasi exercitationem repellat qi 


post.id), 


molestiae porro eius odio et labore et veli 
2 2 eum et est occaecati 
children: < > ullam et saepe reiciendis voluptatem adipisci 
; sit amet autem assumenda provident rerum 
post.title), quis hic commodi nesciunt rem tenetur dolor 
quis sunt voluptatem rerum illo velit 
post.body), nesciunt quas odio 
repudiandae veniam quaerat sunt sed 
5alias aut fugiat sit autem sed est 
voluptatem omnis possimus esse voluptatib: 
est aut tenetur dolor neque 
dolorem eum magni eos aperiam « 
ut aspernatur corporis harum nihil quis provi 
6mollitia nobis aliquid molestiae 
perspiciatis et ea nemo ab reprehenderit acc 
voluptate dolores velit et doloremque molest 
magnam facilis autem 


dolore placeat quibusdam ea quo vitae 
7magni quis enim qui quis quo nemo aut saepe 

quidem repellat excepturi ut quia 

Sunt ut sequi eos e» sed quae 


OUTUNE 
DEPENDENCIES Reloaded 3 of 678 libraries in 1,470ms. 


1 E Ô Me 9 
Disni masih ada kelebihan maka kita rapikan 


Row nya kit abungkus dgn container kasih margin top 8 bottom 8 
MainAxis kasih bettwen 


Lalu column nya bungkus lagi dgn container kasih 


Widhnta media guery.size.widhy kurang 40 karena ada margin kiri kanan 20 20 
Lalu kali 7/8 


Lalu kasih textStyleya 
Dibawah text pasang sizedbox 


post_itemdart X 
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build( 
eturn 
margin: 
child: ( 
mainAxisAlignment: 
children: « »[ 
(post.id), 


context) 1 


.only(top: 8, bottom: 8), 


.spaceBetween, 


width: ( 
child: ( 
children: « »[ 
(post.title, styl 
(height: 5,), 
(post.body), 


.of(context).size.width - 40) * 7 / 8, 


Reloaded of 678 libraries in 1,470ms. 
of 678 libraries in 819ms. 


of 678 libraries in 727ms. 


Reloaded 3 
Reloaded 
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Lalu ke mainPage 
Disni jgn all tapi only left 20 right 20 
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createStatel ) 


build( 
return 
appBar: ( 
title: ("Infinite List with BLoC"), 
), 
body: 
margin: -only(left: 20, right: 20), 
child: < E »( 
builder: (context, state) 
if (state is 
return 


context) { 


Reloaded libraries 


Reloaded libraries 
Reloaded libraries 
Reloaded 


Reloaded 


libraries 
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libraries 


BH P Type here to search 
Lihat maka hasil sudah bagus 
Tingal geser judul nya jadi rata kiri 
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sunt aut facere repellat provident 
occaecati excepturi optio 
reprehenderit 

quia et suscipit 

suscipit recusandae consequuntur expedita 
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build( context) { 
dart eturn ( 
emdart margin: -only(top: 8, bottom: 8), 
INFINITE LIST DEMO child: ( 
m ED mainAxisAlignment: .spaceBetween, 
children: « »[ 
(post.id), 


width: ( .of(context).size.width - 40) * 7 / 8, 
child: ( 
crossAxisAlignment: .start, 
children: « »[ 
post.title, style: (fontSize: 16, fontWeight: 
(height: 5,), 
(post.body), 
if 
), 


I/zygote64(24062): Increasing code cache capacity to 128KB 
I/zygote64(24062): Do partial code cache collection, code-60KB, data-52KB 
I/zygote64(24062): After code cache collection, code-60KB, data-52KB 
I/zygote64(24062): Increasing code cache capacity to 256KB 


DEPENDENCIES Reloaded 3 of 678 libraries in 731ms. 
TOOOS 


OUTUNE 


Cros menjadi star agar kekiri 

Sekarang ke mainPage 

Di listview builder kita cek 

Di itemCount nya kita cek kalau postloaded.hasReachmax itu true maka sudah 
maximum maka tidak perlu load lagi 

Berarti kasih sesuai dgn panjang kalau blemu maxsimum maka kembalikan lengt + 
1 

Untuk bagian bawah nya circular 

Jadi di itemBuilder cek lagi 

Kalau index lebih kecil dari postLoaded.lengt maka berarti masih data semua 
Kalau gk sizedbox kasih circular 


> OUTUNE 
DEPENDENCIES 
> TODOS 


main page.dart X 


child: 
width: 30, 
height: 30, 
child: 
); 


el 
postLoaded = state 
return .builder( 
itemCount: (postLoaded.hasReachedMax 
? postLoaded.posts.length 
postLoaded.posts.length # 1, 
itemBuilder: (context, index) — 
(index « postLoaded.posts.length 


? postLoaded.posts[index] 


width: 30, 
height: 30, 
child: 


5 


I/zygote64(24062): Do partial code cache collection, code-60KB, data-52KB 


I/zygote64(24062): After code cache collection, code-60KB, 
I/zygote64(24062): Increasing code cache capacity to 256KB 
Reloaded 3 of 678 libraries in 731ms. 
Reloaded 2 of 678 libraries in 684ms. 
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TODOS 


main page.dart X 


child: 
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height 
child: 
)); 
else { 
postLoaded = state 
return .builder( 
itemCount: (postLoaded.hasReachedMax 
? postLoaded.posts.length 
postLoaded.posts.length # 1, 
itemBuilder: (context, index) = 
(index « postLoaded.posts.length 


data-52KB 


? (postLoaded.posts[index] 


width: 
height: 
child: 


I/zygote64(24062): Do partial code cache collection, code-60KB, data-52K 


I/zygote64(24062): After code cache collection, code-60KB, 
I/zygote64(24062): Increasing code cache capacity to 256KB 
Reloaded 3 of 678 libraries in 731ms. 
Reloaded 2 of 678 libraries in 684ms. 


data-52KB 


Ini masih pnjang kita bungkus lagi sized box dgn container 


Infinite List with BLoC 


10 


accusantium quas 
voluptate dolores velit et doloremque 
molestiae 


magnam facilis autem 


dolore placeat quibusdam ea quo vitae 
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quos veniam quod sed accusamus veritatis 
error 
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main page.dart € 
Wi ti 
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child: 


postLoaded - state 
return .builder( 
itemCount: (postLoaded.hasReachedMax ) 
? postLoaded.posts.length 
postLoaded.posts.length # 1, 
itemBuilder: (context, index) — 
index « postLoaded.posts.length 
? (postLoaded.posts[index] 


child: ( 
child: 
width: 30, 
height: 30, 
child: 
0), 


Reloaded libraries 
Reloaded 
Reloaded 
Reloaded 


Reloaded 


libraries 
libraries 
libraries 
OUTUNE 


DEPENDENCIES libraries 


main page.dart X 


height: 30, 
child: 
)); 
- else { 
mdart postLoaded = state 
V INFIMITILLUST. DEMO return .builder( 
xs itemCount: (postLoaded.hasReachedMax 
? postLoaded.posts.length 
postLoaded.posts.length # 1, 

itemBuilder: (context, index) => 

index « postLoaded.posts.length) 
? postLoaded.posts[index] 


child: ( 
child: 
width: 30, 
height: 30, 
child: 
DP 


Reloaded libraries in 684ms. 


Reloaded libraries in 821ms. 
libraries 882ms. 


libraries 729ms. 


Reloaded 
Reloaded 
Reloaded 


OUTUNE 
DEPENDENCIES 
> TODOS 


EB P Type here to search 


Tingal buat scrollControler controler — ScrollControler; 
Lalu PostBlpoc bloc; 

Disni buat method 

Void onScroll(){ 

Double maxScroll = controler.position.maxScrolExtend; 


libraries 740ms . 


Infinite List with BLoC 


10 


accusantium quas 
voluptate dolores velit et doloremque 
molestiae 


magnam facilis autem 

dolore placeat quibusdam ea quo vitae 
magni quis enim qui quis quo nemo aut 
saepe 

quidem repellat excepturi ut quia 

sunt ut sequi eos ea sed quas 


dolorem dolore est ipsam 

dignissimos aperiam dolorem qui eum 
facilis quibusdam animi sint suscipit qui sint 
possimus cum 

quaerat magni maiores excepturi 

ipsam ut commodi dolor voluptatum modi 
aut vitae 


nesciunt iure omnis dolorem tempora 
et accusantium 

consectetur animi nesciunt iure dolore 

enim quia ad 

veniam autem ut quam aut nobis 

et est aut quod aut provident voluptas autem 
voluptas 


optio molestias id quia eum 

quo et expedita modi cum officia vel magni 
doloribus qui repudiandae 

vero nisi sit 

quos veniam quod sed accusamus veritatis 
error 


Lalu bawahnya double currentScroll = controler.position.pixels 

If (curretScool berati posisi scroll == teryata sudah sama dgn samapai paling bawah 
maxScroll) 

Maka kita pangil bloc.add 


le Edit Selec f 


( 


PostEvent 


()) 


Q main page dar * 


v OPEN EDITORS 1 UNSAVED { 


createState() => 


controller = 
bloc; 


onScroll() { 
maxScroll = controller.position.maxScrollExtent; 
currentScroll = controller.position.pixels; 


if (currentScroll = maxScroll) bloc.add O0); 


build( context) { 
return 
appBar: ( 


Reloaded of 678 libraries in 684ms. 
Reloaded of 678 libraries in 821ms. 
Reloaded of 678 libraries in 882ms. 
Reloaded of 678 libraries in 729ms. 
OUTUNE 
DEPENDENCIES Reloaded of 678 libraries in 740ms. 


TODOS 
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Lalu kita kebawh 
Di context 
Bloc = BlocProvider.of«Postbloc-» (context); 


Lalu controler.addListener()isi itu onScrool 


e 


OPEN EDITORS 1 UNSAVED 


> OUTUNE 
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Reloaded 
Reloaded 


Reloaded 


Reloaded 
Reloaded 


bloc; 


onScroll() { 


maxScroll = 
currentScroll 


if (currentScroll 


build( 
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title: 
P 
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libraries 
libraries 
libraries 
libraries 


maxScroll) bloc.add( 


main page.dart € 


controller.position.maxScrollExtent; 


- controller.position.pixels; 


0); 


context) { 


.of« »(context); 
controller.addListener(onScroll); 


("Infinite List with BLoC"), 


.only(left: 20, right: 


684ms . 
821ms. 
882ms. 
729ms. 
740ms . 


> TODOS 


Setalh itu kita daftar kan controler 
Controler = controler; 


p 


width: 30, 
height: 30, 
child: 
»: 
else { 
postLoaded = state 
.builder( 
sea controller: controller, 
| itemCount: (postLoaded.hasReachedMax 
? postLoaded.posts.length 
postLoaded.posts.length # 1 
itemBuilder: (context, index) => 
index < postLoaded.posts.length) 
? (postLoaded.posts[index]) 


INFINITE. UST DEMO 
dart t —— return 


child: ( 

child: 
width: 30, 
height: 30, 
child: 


Reloaded of 678 libraries in 684ms. 
Reloaded of 678 libraries 821ms. 
Reloaded 2 of 678 libraries 882ms. 
Reloaded of 678 libraries in 729ms. 
Reloaded of 678 libraries in 740ms. 
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DEPENDENCIES 
> TODOS 


BH P Type here to sea 
Maka kita lihat 


o main pa 


v OPEN EDITORS width: 30, 


height: 30, 
child: Infinite List with BLoC 


)); podanim 
€ ~; tae rerur re Soli 
else { molestiae beatae rerum ea jure soluta 


nostrum 
an postLoaded - state ; eligendi et voluptate 
ram return .builder( ut voluptatem illum ea doloribus 
jea controller: controller, Waque eos 
itemCount: (postLoaded.hasReachedMax ) 48 OR oam foveam 


sumenda rerunOfficia et 


? postLoaded.posts.length illum perspiciatis ab deleniti 
postLoaded.posts.length # 1, toe M M MT 
itemBuilder: (context, index) => 
dex « postLoaded.posts.length 
2 postLoaded.posts[index] 


laborum non sunt aut ut assumenda 
perspiciatis voluptas 
inventore ab sint 

49 natus fugit id nulla sequi architecto nihil 


quaerat 
1 . eos tenetur in in eum veritatis non 
child: ( quibusdam officiis aspernatur cumque aut 
child: commodi aut 


width: 30, repellendus qui recusandae incidunt 


hei ght : 30, voluptates tenetur qui omnis 
z exercitationem 
child: UU error suscipit maxime adipisci conseguuntur 
50 recusand 


EBUG CONSOLE voluptas eligendi et est et voluptates 
quia distinctio ab amet quaerat molestiae et 


I/zygote64(24062): Do full code cache collection, code-123KB, data-85KB aa Ipa sud esci cals 
I/zygote64(24062): After code cache collection, code-118KB, data-72KB consectetur 
I/zygote64(24062): Do partial code cache collection, code-124KB, data=76 soluta ¿ onsequatur 
— I/zygote64(24062): After code cache collection, code-124KB, data-76KB 


DEPENDENCIES I/zygote64(24062): Increasing code cache capacity to 512KB 
TODOS , 


main page.dart X 
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inventore 
postLoaded = state veniam non exercitationem delectus aut 
ES return .builder( quas fugiat ut perspiciatis vero 
i = provident 

ES A | controller: controller, eum non blanditiis soluta porro quibusdam 


itemCount: (postLoaded.hasReachedMax voluptas 


97  velvoluptatem qui placeat dolores qui velit 
? postLoaded.posts.length aut 
nventore aut cumque cul explicabo 
postLoaded.posts.length + 1, aida. PH A a 


perspiciatis est et voluptatem dignissimos 
dolor itaque sit nam 


itemBuilder: (context, index) = 
index < postLoaded.posts.length 


; 4 laboriosam dolor voluptates 
? (postLoaded.posts| index) 


doloremque ex facilis sit sint culpa 


98 soluta assumenda eligendi non ut eius 
sequi ducimus vel quasi 
child: ( veritatis est dolores 
child: temporibus sit alias delectus eligendi 
width: 30, possimus magni 
: x 99 guo deleniti praesentium dicta non quod 

height: 30, aut est mol s 

child: molestias et officia quis nihil 


itaque dolorem quia 
DEBUG CONSOLE at nam consequatur ea labore ea 
I/zygote64(24062): Do full code cache collection, code-123KB, data-85KB MEM iub m 
I/zygot (24062): After code cache collection, code-118KB, data-72KB ips er 
I/zygote64(24062): Do partial code cache collection, code-124KB, data-76 


I/zygote64(24062): After code cache collection, code-124KB, data-76KB 


? OUTLINE 


DEPENDENCIES I/zygote64(24062): Increasing code cache capacity to 512KB 
> TODOS 


Maka stop le 100 kita habis 
Begini cara gunkan infinity dgn management state bloc 


